var directionDisplay; 
var directionsService = new google.maps.DirectionsService();

var icon = new google.maps.MarkerImage("images/orange.png",
 new google.maps.Size(19, 32),
 new google.maps.Point(0,0),
 new google.maps.Point(10, 32));

var iconShadow = new google.maps.MarkerImage('images/shadow50.png',
 new google.maps.Size(41, 34),
 new google.maps.Point(0,0),
 new google.maps.Point(16, 32));

  function initialize() {
    document.getElementById("dpanel").style.display = 'none'; 
    directionsDisplay = new google.maps.DirectionsRenderer(); 
    var myLatlng = new google.maps.LatLng(51.22212328, 6.77405869);
    var myOptions = {
      zoom: 14,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
 
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    directionsDisplay.setMap(map); 
    directionsDisplay.setPanel(document.getElementById('dpanel')); 

    var contentString = '<div style="width:340px;color:#444444;"><B>Jan%20Piepenbrock%20Gallery</B>';
    contentString += '<br />Hohestra%C3%9Fe%2017%20';
    contentString += '<br />40213 D%C3%BCsseldorf%20-%20Karlstadt%20';
    contentString += '<br />Telefon 0177%20-%20529%208080%3Cbr%20/%3E0066613%20-%203498%20619%20(Thailand)<br />email info@janpiepenbrock.de</div>';
    var infowindow = new google.maps.InfoWindow({
        content: contentString
    });
 
    var marker = new google.maps.Marker({
        position: myLatlng,
        icon: icon,
        shadow: iconShadow,
        map: map,
        title: 'Jan%20Piepenbrock%20Gallery'
    });
    google.maps.event.addListener(marker, 'click', function() {
      infowindow.open(map,marker);
    });

 }

   function calcRoute() {
     document.getElementById("dpanel").innerHTML = ''; 
     document.getElementById("dpanel").style.display = 'inline'; 
     var start = document.getElementById("anfahrt").value;
     var end = new google.maps.LatLng(51.22212328, 6.77405869);
     var request = {
         origin:start, 
         destination:end,
         travelMode: google.maps.DirectionsTravelMode.DRIVING
     };
     directionsService.route(request, function(response, status) {
       if (status == google.maps.DirectionsStatus.OK) {
         directionsDisplay.setDirections(response);
       }
	 else
	 {
        document.getElementById("dpanel").innerHTML = '<br />&nbsp;Address%20not%20found%20!%20Please%20try%20again...'; 
	 }
     });
   }